<template>
    <div class="Background">
<div class="lunboArea">
      <el-carousel :interval="3000" arrow="always" height="400px">
        <el-carousel-item v-for="(item,index) in backImg" :key="item.index">
          <img class="lunboPic" :src="item.image_src" @click="goGoodPage(index)"/>
        </el-carousel-item>
      </el-carousel>
    </div>

        <div class="tunrun" v-for="items in tunrun" :key="items.imggif" >
            <img :src="items.imggif" alt=""  class="imggif" >
        </div>
         

    <div>
        <img src="@/assets/logotwo/img001.jpg" alt="" class="hotimg">
    <div class="hotgiftone" v-for="hotleft in hotgiftone" :key="hotleft.image">
<img :src="hotleft.image" alt="" class="hotimg">
<p>   {{hotleft.introduce}} </p>
 <h3>{{hotleft.price}}</h3>
    </div>
    <img src="@/assets/logotwo/img002.jpg" alt="" class="hotimg">
      <div class="hotgiftone" @click="GoCart(hotgitttwo.id)" v-for="hottwo in hotgifttwo" :key="hottwo.id">
<img :src="hottwo.image" alt="" class="hotimg">
<p>   {{hottwo.introduce}} </p>
 <h3>{{hottwo.price}}</h3>
    </div>
    </div>
    </div>

</template>
<script>
export default {
    data(){
        return{
            tunrun:[{
          introduce: 
          " 阿道夫·蒂姆森 芯香氛洗衣凝露 洗衣液 洗衣液香味持久洗衣护理手洗 樱花浪漫 620ml",
          price:"¥55",
          image:require("@/assets/shop/car0014.jpg"),
          imggif:require("@/assets/shop/tunrun.gif")
            }],
            hotgiftone:[
                {
                      
                    id:1,
                introduce: 
          "阿道夫（ADOLPH）洗发水 520ml规格 洗发香乳(亮泽丝滑)520ml一瓶",
          price:"¥79",
          image:require("@/assets/shop/car0015.jpg"),
                },
                  {
                      
                    id:2,
                introduce: 
          "阿道夫（ADOLPH）洗发水 520ml规格 沐浴露（青春记忆）520ml一瓶",
          price:"¥79",
          image:require("@/assets/shop/car0016.jpg"),
                }
            ],
                hotgifttwo:[
                {
                    id:3,

                introduce: 
          "阿道夫（ADOLPH）洗发水 520ml规格 洗发香乳(亮泽丝滑)520ml一瓶",
          price:"¥89",
          image:require("@/assets/shop/car004.jpg"),
                },
                  {
                    id:4,
                introduce: 
          "阿道夫（ADOLPH）洗发水 520ml规格 沐浴露（青春记忆）520ml一瓶",
          price:79,
          image:require("@/assets/shop/car005.jpg"),
                }
            ],
             backImg: [
        {
          image_src: require("@/assets/logotwo/logo.jpg"),
          goods_id: 1,
          price:119,
          word:"姜京佐推荐 阿道夫「神兽山海经」茶麸洗护限定礼盒350ml冰护理3瓶装（2洗1护） 【内含山海经神兽手办+茶麸冰护理洗护套装",

        },
        {
          image_src: require("@/assets/logotwo/logo001.jpg"),
          goods_id: 2,
          price:58,
          word:"阿道夫·蒂姆森 芯香氛洗衣凝露 洗衣液 洗衣液香味持久洗衣护理手洗 樱花浪漫 620ml"
        },
      ],
        }
    },
    methods:{
        goGoodPage(){
            // console.log("dd")
            
        },
        GoCart(){
     
      const query = {
        id: this.hotgifttwo.id
      }
      this.$router.push({ name: 'GoodsItem', query })
          
        }
    }
}
</script>
<style lang="less" scoped>
.Background{
    height: 1200px;
    width: 100%;
}
.hotgiftone{
border-bottom: 2px  solid gray;
width: 49%;
height: 240px;
float: left;
background-color: #FDE3D1;
border: 2px solid gainsboro;
}
.hotgiftone p{
    font-size: 10px;
}
h3{
    color: red;
}
.tunrun{
    width: 100%;
    float: left;
    height: 140px;
}
.imggif{
  width: 100%;
  height: 140px;  
  float: left;
}
.lunboArea {
  width: 100%;
  height: 400px;
  position:flexd ;
  float: left;
}
.lunboPic{
  width: 100%;
height: 400px;
float: left;
}
.hotimg{
    width: 100%;
}


</style>